<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
*{margin:0;}
#bg{background:url(img/Untitled-9-2.png) no-repeat center; width:300px; height:176px; text-align:center; }
#bg form{padding-top:21px;}
#inputUser{width:137px; height:18px; margin-right: 28px; margin-bottom:3px;}
#us{font-size: 17px;
padding-right: 28px; color:#1f0002;}
#inputpass{width:108px; height:18px; margin-right: 70px; margin-bottom:5px;}
#ps{font-size: 17px;
padding-right: 61px; color:#1f0002;}
.up{background:#b1ab8d; border:hidden; color:#fff;}
#ss{ margin-right:118px; border-radius:15px;}
.ss {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #87510f) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #87510f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#87510f');
	background-color:#ffc477;
	-webkit-border-top-left-radius:33px;
	-moz-border-radius-topleft:33px;
	border-top-left-radius:33px;
	-webkit-border-top-right-radius:33px;
	-moz-border-radius-topright:33px;
	border-top-right-radius:33px;
	-webkit-border-bottom-right-radius:33px;
	-moz-border-radius-bottomright:33px;
	border-bottom-right-radius:33px;
	-webkit-border-bottom-left-radius:33px;
	-moz-border-radius-bottomleft:33px;
	border-bottom-left-radius:33px;
	text-indent:0px;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:23px;
	line-height:20px;
	width:58px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cc9f52;
}
.ss:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #87510f), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #87510f 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#87510f', endColorstr='#ffc477');
	background-color:#87510f;
}.ss:active {
	position:relative;
	top:1px;}
</style>
</head>
<body>
<script type="text/javascript" src="http://s.zyzom.com/deployJava.js"></script>
<script language=javascript>
var bNoPass = 0;
function initFocus(){
    var o = document.getElementById('inputUser');
    if (o) o.focus();
}
 
function dosubmit()
{
    var f = document.theForm;
    cleanUserName(f.user);
    var u = f.user.value;
    var p = f.pass.value;
    var url = 'http://s.zyzom.com/launch.asp?room=' + f.room.value
            + '&user='+encodeURIComponent(u)
            + (u.length||p.length||bNoPass ? '&pass='+encodeURIComponent(p) : '');
    
    
    var ua = navigator.userAgent;
    var isChrome = ua.indexOf(" Chrome/")>0;
    var isOS107 = (ua.indexOf("Mac OS X 10_7")>0 || ua.indexOf("Mac OS X 10_8")>0);
    var bypassTest = (isChrome && isOS107);
    if (bypassTest||deployJava.isWebStartInstalled('1.5+')||deployJava.installLatestJRE()){
        deployJava.launch(url);
    }
}

function cleanUserName(o){o.value=o.value.replace(/^[\.\-_\s]+|\s+$|[`~!@#$%\^&*()+=\[\]\{\}\\\|:;<>,/?"']/g,'').replace(/\s{2,}/g,' ');}

</script>


<div id="bg" >
<form name="theForm"  onsubmit="dosubmit();return false;">
<input type=hidden name=room value='6eb2c787'>
<h2 id="us" >اسم المستخدم</h2>
<input id="inputUser" onblur="cleanUserName(this)" tabindex=0 class="up" type="text" name="user" maxlength="31" value="">
<br/>
<h2 id="ps">كلمة المرور</h2>
<input id="inputpass" class="up" type="password" name="pass" maxlength="31" value="">
<br />
<input id="ss" class="ss"  type="submit" value="أضغط هنا">
<br />
</form>
</div>

</body>
</html>